<!-- 404页面 -->
<template>
  <div class="container">
    <Nav></Nav>
    <!-- <div class="nofind">
      <img src="https://common-image-1258943427.cos.ap-beijing.myqcloud.com/ansjy_pc/img/404.png" alt="404">
    </div> -->
    <div class="nofind">
      <h2 v-if="error.statusCode==404">404页面不存在</h2>
      <h2 v-else>500服务器错误</h2>
      <ul>
          <li><nuxt-link to="/">HOME</nuxt-link></li>
      </ul>
    </div>
    <Bottom></Bottom>
  </div>
</template>

<script>
import Nav from '../components/Nav/nav'
import Bottom from '../components/Bottom/bottom'
export default {
  name: 'errer',
  props: ['error'],
  data () {
    return {
    }
  },

  created () {},

  mounted () {},

  components: {
    Nav,
    Bottom
  },

  computed: {},

  methods: {}
}

</script>
<style lang='scss' scoped>
.container{
  min-width: 1200px;
  background: #ffffff;
  position: relative;
  z-index: 1;
}
.nofind{
  width: 1200px;
  margin: 40px auto 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
</style>
